C Feed Layout 資訊流佈局

基於網格(Grid Composition),適用於快速瀏覽和內容發現。

Usage 使用方式

資訊流佈局適用於展示多種內容,可透過卡片(Cards)或列表(Lists)進行組織。

自適應佈局:網格結構支援從單列到多列的動態調整,以適應不同螢幕尺寸。

Dividing Space 空間劃分

Across Window Size Classes 視窗尺寸適配

緊湊(Compact)

縱向單列,類似卡片列表,每個專案佔滿窗格寬度(但不一定佔滿高度)。

中等(Medium)

支援多列布局,不同寬度的元件可並排顯示。

擴充套件、大屏和超大屏(Expanded, large, and extra-large)

增加列數,內容根據螢幕寬度自適應換行。

Behavior 行為

動態調整:當螢幕空間變化(旋轉、展開摺疊、多視窗模式)時,資訊流專案應自動重新排列。自適應排序:內容順序依據相對位置,確保閱讀流暢。